<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,user-scalable=0,minium-scale=1.0,maxium-scale=1.0"/>
		<link rel="stylesheet" href="../css/style.css">
		<link rel="stylesheet" href="../css/menu-detailpage.css">
		<title></title>
	</head>
	<body>
		<header>
			<h3>菜单</h3>
			<div class="search">
				<input type="text" placeholder="精品肥牛">
			</div>
			<p>点菜</p>
			<div class="slide"></div>
		</header>
		<main>
			<ul class="left-container">
				<li>锅底味型</li>
				<li>锅具餐具</li>
				<li>精选荤菜</li>
				<li>丸滑菜品</li>
				<li>精选素菜</li>
				<li>油碟调料</li>
				<li>豆面制品</li>
				<li>小吃凉菜</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
				<li>清爽饮品</li>
			</ul>
			<ul class="right-container">
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅渝冬老火锅渝冬</p>
						<p>精选现杀火牛的腹肉，手工打卷</p>
						<span>￥29.99</span>
						<button type="button" onclick="btnclick()">选规格</button>
					</div>
				</li>
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅</p>
						<p>纹理分明，肉香浓郁</p>
						<span>￥29.99</span>
					</div>
				</li>
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅渝冬</p>
						<p>精选现杀火牛的腹肉，手工打卷，纹理分明，肉香浓郁</p>
						<span>￥29.99</span>
					</div>
				</li>
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅渝冬老火锅渝冬</p>
						<p>精选现杀火牛的腹肉，手工打卷，纹理分明，肉香浓郁</p>
						<span>￥29.99</span>
					</div>
				</li>
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅渝冬老火锅渝冬</p>
						<p>精选现杀火牛的腹肉，手工打卷，纹理分明，肉香浓郁</p>
						<span>￥29.99</span>
					</div>
				</li>
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅渝冬老火锅渝冬</p>
						<p>精选现杀火牛的腹肉，手工打卷，纹理分明，肉香浓郁</p>
						<span>￥29.99</span>
					</div>
				</li>
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅渝冬老火锅渝冬</p>
						<p>精选现杀火牛的腹肉，手工打卷，纹理分明，肉香浓郁</p>
						<span>￥29.99</span>
					</div>
				</li>
				<li>
					<div class="food-pic"></div>
					<div class="food-txt">
						<p>渝冬来重庆牛油老火锅渝冬老火锅渝冬</p>
						<p>精选现杀火牛的腹肉，手工打卷，纹理分明，肉香浓郁</p>
						<span>￥29.99</span>
					</div>
				</li>
			</ul>
		</main>
		<footer>
			<div class="home"><img src="../image/tab-index.png" alt=""><p>首页</p></div>
			<div class="menu"><img src="../image/tab-category-active.png" alt=""><p>菜单</p></div>
			<div class="shoppingcart"><img src="../image/tab-cart.png" alt=""><p>购物车</p></div>
			<div class="mine"><img src="../image/tab-mine.png" alt=""><p>我的</p></div>
		</footer>
		<section id="sec">
			<div class="sec-wrap">
				<div class="sec-con">
					<div class="dishes">
						<div class="dishes-img"></div>
						<div class="dishes-txt">
							<p>好厨私人订制毛肚私人订制毛肚私人订制毛肚</p>
							<button type="button" class="off" onclick="off()">x</button>
							<p>已选：250g/中份</p>
							<span>￥</span><span>29.</span><span>99</span>
						</div>
					</div>
					<p class="specification-name">规格</p>
					<div class="specification">
						<div class="specofication-one" onclick="">125g</div>
						<div class="specofication-two">250g</div>
						<div class="specofication-three">500g</div>
					</div>
					<div class="count">
						<button type="button" id="dec" onclick="dec()">-</button>
						<span id="counts">1</span>
						<button type="button" id="add" onclick="add()">+</button>
					</div>
					<button type="button" class="choosed">选好了</button>
				</div>
			</div>
		</section>
		<script type="text/javascript" src="../js/menu-detailpage.js"></script>
	</body>
</html>
